<style tyle="text/css">
  .modal-lg {
    width: 70%;
  }
</style>
<div class="modal-header">
  <h4 class="modal-title">销售品信息</h4>
</div>

<div class="modal-body">

  <div class="panel panel-default">
    <div class="panel-body">
      <table class="table table-striped">
        <thead>
          <tr>
            <th style="width: 5%;text-align: center">
              <label class="i-checks m-b-none">
                <input type="checkbox" ng-model="all" ng-click="allSelect(all)"><i></i>
              </label>
            </th>
            <th style="width: 14%">产品名称</th>
            <th style="width: 12%">产品编号</th>
          </tr>
        </thead>
        <tbody>
          <tr ng-repeat="info in sale_list">
            <td style="text-align:center;">
              <label class="i-checks m-b-none">
                <input type="checkbox" ng-model="info.state" ng-click="selectOne(info)"><i></i>
              </label>
            </td>
            <td>{{info.name}}</td>
            <td>{{info.code}}</td>
          </tr>
        </tbody>
      </table>
      <div class="text-right" style="background-color: white">
        <pagination total-items="totalItems" ng-model="currentPage" ng-change="loadSaleList(currentPage)" previous-text="上一页"
          next-text="下一页" first-text="首页" last-text="尾页" max-size="5" boundary-links="true" rotate="false"
          items-per-page="itemsPerPage" class="pagination pagination-sm m-t-none m-b-none"></pagination>
      </div>
      <div style="padding-right: 5px; padding-bottom: 5px; float: left;"  ng-repeat="info in save_list">
        <button class="btn btn-sm btn-info">{{info.name}}
          <i class="glyphicon glyphicon-remove" ng-click="remove($index)"></i>
        </button>
      </div>
    </div>
  </div>

</div>

<div class="modal-footer">
    <button class="btn btn-success" type="button" ng-click="save()">确定</button>
    <button class="btn btn-danger" type="button" ng-click="cancel()">取消</button>
</div>
